﻿@{
    ViewBag.Title = "Index";
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="copyright" content="All Rights Reserved, Copyright (C) 2017, Wuyeguo, Ltd." />
    <title>Wuinner 地产评估</title>
    <link rel="stylesheet" type="text/css" href="~/Easy-UI/easyui/1.3.4/themes/default/easyui.css" />
    <link rel="stylesheet" type="text/css" href="~/Easy-UI/css/wu.css" />
    <link rel="stylesheet" type="text/css" href="~/Easy-UI/css/icon.css" />
    <script type="text/javascript" src="~/Easy-UI/js/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="~/Easy-UI/easyui/1.3.4/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="~/Easy-UI/easyui/1.3.4/locale/easyui-lang-zh_CN.js"></script>
</head>
<body class="easyui-layout">
    <!-- begin of header -->
    <div class="wu-header" data-options="region:'north',border:false,split:true">
        <div class="wu-header-left">
            <h1>Wuinner 地产评估系统</h1>
        </div>
        <div class="wu-header-right">
            <p><strong class="easyui-tooltip" title="2条未读消息">admin</strong>，欢迎您！</p>
            <p><a href="#">网站首页</a>|<a href="#">支持论坛</a>|<a href="#">帮助中心</a>|<a href="#" onclick="ret()">安全退出</a></p>
        </div>
    </div>
    <!-- end of header -->
    <!-- begin of sidebar -->
    <div class="wu-sidebar" data-options="region:'west',split:true,border:true,title:'导航菜单'">
        <div class="easyui-accordion" data-options="border:false,fit:true" id="divLeft">

        </div>
    </div>
    <!-- end of sidebar -->
    <!-- begin of main -->
    <div class="wu-main" data-options="region:'center'">
        <div id="wu-tabs" class="easyui-tabs" data-options="border:false,fit:true">
            <div title="首页" data-options="href:'/House/Welcome',closable:false,iconCls:'icon-tip',cls:'pd3'"></div>
        </div>
    </div>
    <!-- end of main -->
    <!-- begin of footer -->
    <div class="wu-footer" data-options="region:'south',border:true,split:true">
        &copy; 2017 Wuinner All Rights Reserved 中国国家物联网
    </div>
    <!-- end of footer -->
    <input type="hidden" value="@ViewBag.roleId" id="roleid" />
    <script>

        function ret() {
            $.ajax({
                type: "post",
                url: "/Login/returnLogin",
                success: function (result) {
                    if (result == 1) {
                        location.href = "/Login/Login";
                    }
                }
            })
        }

        load();
        function load() {
            $.ajax({
                type: "post", //要用post方式
                url: "/House/LeftBindingParent",//方法所在页面和方法名
                data: { roleid: $("#roleid").val() },
                dataType: "json",
                async: false,
                success: function (data) {
                    var htmltab = "";
                    for (var i = 0; i < data.length; i++) {
                        htmltab += " <div title=\"" + data[i].authority_Name + "\" data-options=\"iconCls:'icon-application-cascade'\" style=\"padding:5px;\"><br/> " + parentId(data[i].Authority_Id) + " </div>";

                    }
                    $("#divLeft").append(htmltab);
                },
                error: function (err) {
                    alert(err);
                }
            });
            $(".wu-side-tree").addClass("easyui-tree");
        }
        //显示子级节点
        function parentId(id) {
            var html = "";
            $.ajax({
                type: "post", //要用post方式
                url: "/House/LeftBindingSon",//方法所在页面和方法名
                data: { parentId: id },
                dataType: "json",
                async: false,
                success: function (data) {
                    var strhtml = "";
                    strhtml += "<ul class=\"easyui-tree wu-side-tree\">"
                    for (var i = 0; i < data.length; i++) {
                        strhtml += "<li iconcls=\"icon-chart-organisation\"><a class=\"aaa\" href=\"javascript:void(0)\" data-icon=\"icon-chart-organisation\" data-link=\"" + data[i].authority_Url + "\" iframe=\"1\">" + data[i].authority_Name + "</a></li>"
                    }
                    strhtml += "</ul> ";
                    html = strhtml;
                }
            })
            return html;
        }

        // 给导航绑定单机事件
        $(function () {
            $('.aaa').bind("click", function () {
                var title = $(this).text();
                var url = $(this).attr('data-link');
                var iconCls = $(this).attr('data-icon');
                var iframe = $(this).attr('iframe') == 1 ? true : false;
                addTab(title, url, iconCls, iframe);
            });
        })
        ///**
        //* Name 载入树形菜单
        //*/
        //$('#wu-side-tree').tree({
        //    url: 'temp/menu.php',
        //    cache: false,
        //    onClick: function (node) {
        //        var url = node.attributes['url'];
        //        if (url == null || url == "") {
        //            return false;
        //        }
        //        else {
        //            addTab(node.text, url, '', node.attributes['iframe']);
        //        }
        //    }
        //});

        /**
        * Name 选项卡初始化
        */
        $('#wu-tabs').tabs({
            tools: [{
                iconCls: 'icon-reload',
                border: false,
                handler: function () {
                    $('#wu-datagrid').datagrid('reload');
                }
            }]
        });

        /**
        * Name 添加菜单选项
        * Param title 名称
        * Param href 链接
        * Param iconCls 图标样式
        * Param iframe 链接跳转方式（true为iframe，false为href）
        */
        function addTab(title, href, iconCls, iframe) {
            var tabPanel = $('#wu-tabs');
            if (!tabPanel.tabs('exists', title)) {
                var content = '<iframe scrolling="auto" frameborder="0"  src="' + href + '" style="width:100%;height:100%;"></iframe>';
                if (iframe) {
                    tabPanel.tabs('add', {
                        title: title,
                        content: content,
                        iconCls: iconCls,
                        fit: true,
                        cls: 'pd3',
                        closable: true
                    });
                }
                else {
                    tabPanel.tabs('add', {
                        title: title,
                        href: href,
                        iconCls: iconCls,
                        fit: true,
                        cls: 'pd3',
                        closable: true
                    });
                }
            }
            else {
                tabPanel.tabs('select', title);
            }
        }
        /**
        * Name 移除菜单选项
        */
        function removeTab() {
            var tabPanel = $('#wu-tabs');
            var tab = tabPanel.tabs('getSelected');
            if (tab) {
                var index = tabPanel.tabs('getTabIndex', tab);
                tabPanel.tabs('close', index);
            }
        }
    </script>
</body>
</html>
